<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .title{
            width: 900px;
            margin: 0 auto;
        }
        #music-list{
            width: 900px;
            margin: 30px auto;
        }
        .play{
            width: 600px;
            margin: 10px auto;
        }
        .play audio{
            width: 600px;
            height: 60px;
            margin: 10px auto;
        }
    </style>
</head>
<body>
    <div class="title">
        <h1></h1>
    </div>
    <div class="play">
        <audio src="" id="mp3" controls></audio>
    </div>
    <table class="table table-success table-striped" id="music-list">
        <thead>
        <tr>
            <th scope="col" style="width: 60px">序号</th>
            <th scope="col">歌曲名</th>
            <th scope="col" style="width: 450px">歌手</th>
            <th scope="col" style="width: 100px">播放</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <script src="./singer.js" type="module"></script>
</body>
</html>